import React, { Component } from "react";
import "./Choose.less";
import GoBack from "@/components/GoBack/GoBack"
import { ChoosePageApi } from "@/request/api"
class Choose extends Component {

  state = {
    //  all  全部, err   错误, done 已做, notdone 没做
    testType: "all"
  }

  async componentDidMount() {
    // 获取传过来的actionCode ， 用来发送请求
    console.log(this.props.match.params.code);
    let actionCode = this.props.match.params.code
    // 发送请求：
    let res = await ChoosePageApi({
      actionCode,
      testType: this.state.testType
    })
    console.log(res);
  }
  render() {
    return (
      <div className="choose">
        <div className="top_btns">
          <div className="top_btn1" onClick={() => this.props.history.push('/practice')}>进入练习模式</div>
          <div className="top_btn2" onClick={this.goToExam.bind(this)}>进入考试模式</div>
        </div>
        <div className="mytitle">试题分类</div>
        <ul className="tabs">
          <li className={true ? 'active' : ''}>全部</li>
          <li className={false ? 'active' : ''}>未做</li>
          <li className={false ? 'active' : ''}>已做</li>
          <li className={false ? 'active' : ''}>错误</li>
        </ul>
        <div className="mytitle">题目类型</div>
        <ul className="tabs">
          <li className={true ? 'active' : ''}>全部(1000)</li>
          <li className={false ? 'active' : ''}>单选题(100)</li>
          <li className={false ? 'active' : ''}>多选题(100)</li>
          <li className={false ? 'active' : ''}>判断题(100)</li>
          <li className={false ? 'active' : ''}>问答题(100)</li>
          <li className={false ? 'active' : ''}>填空题(100)</li>
        </ul>
        <div className="mytitle">做题数量</div>
        <ul className="tabs">
          <li className={true ? 'active' : ''}>5</li>
          <li className={false ? 'active' : ''}>10</li>
          <li className={false ? 'active' : ''}>10</li>
          <li className={false ? 'active' : ''}>10</li>
          <li className={false ? 'active' : ''}>10</li>
          <li className={false ? 'active' : ''}>10</li>
        </ul>
        <GoBack />
      </div>
    );
  }

  goToExam() {
    // 进入考试模式,提示该功能暂未开放
  }
}


export default Choose